/*site-nav*/
.site-nav-bg{height: 30px; line-height: 30px; background-color: #f5f5f5;}
.site-nav{position: relative;}
.sn-back-home{float: left;}
.sn-back-home i{margin:0 4px 0 8px; font-size: 14px;}
.sn-quick-menu{position: absolute; right: 12px;}
.sn-quick-menu div{float: left;}
.sn-quick-menu div.login{margin-right: 22px; }
.sn-quick-menu div.login a{color: #ff5500;}
.sn-quick-menu div.sp-cart span{margin-left:4px; color: #ff5500; font-weight: bold;}
/*end-site-nav*/

/*header*/
.header{height: 100px; line-height: 100px;}
.header .mallLogo{margin-left: 38px; float: left;}
.header .mallSearch{float: right; width: 500px; padding-top: 30px; position: relative;}
.header .mallSearch form{height: 38px; line-height: 38px; border-width: 1px 0 1px 1px; border: solid hsl(345, 100%, 77%); position: relative;}
.header .mallSearch input{height: 38px; line-height: 38px; width: 436px; float: left; border:none; position: relative; z-index: 2; background: none;}
.header .mallSearch button{width: 58px; height: 38px; line-height: 38px; float: left;  border-radius:0
;}
/*end-header*/

/*footer*/
.footer{margin-top: 50px; background: #2f2f2f; padding-bottom: 54px;}
.footer .ng-promise-box{border-bottom:1px solid #3d3d3d; line-height: 145px;}
.footer .ng-promise-box .ng-promise{padding-left: 100px; box-sizing: border-box;}
.footer .ng-promise-box .ng-promise p a{ color: #fff; font-size: 20px; margin-right: 210px; padding-left: 44px; height: 40px; display: inline-block; line-height: 40px; }
/* background: url(../img/us-icon.png) no-repeat left 0; */
.footer .ng-promise-box .ng-promise p a.icon2{padding-left: 56px; background-position:0 -44px;}
.footer .ng-promise-box .ng-promise p a.icon3{background-position:0 -80px;}
.footer .mod_help{text-align: center; color: #888888;}
.footer .mod_help p{margin:38px 0 16px 0;}
.footer .mod_help p a{color: #888888;}
.footer .mod_help p span{padding:0 22px;}
/*end-footer*/

.floors{
    background-color: white;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    margin-top:50px;
    border: 1px solid #eaeaea;
}
.xx_floors{
    background-color: white;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
}
.xx_card{
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px;
    width: 200px;
    border: 1px solid #eaeaea00;
    cursor: pointer;
    transition: all 0.6s;
}
.xx_card2{
    background-color: white;
    display: flex;
    flex-direction: column;
    margin: 20px;
    width: 200px;
    border: 1px solid #eaeaea00;
    cursor: pointer;
    transition: all 0.6s;
}
.xx_card2 h2 {
    font-size: 16px;
    padding: 10px 0;
    margin: 5px 0;
    text-indent: 4px;
    border-bottom: 1px solid darkgray;
}
.xx_card:hover{
    border: 1px solid #eaeaea;
    transform: scale(1.5);
}
.xx_nav-class{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    width: 200px;
}
.nav-item{
    position: relative;
    width: 100%;
    margin: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}
.nav-item .title{
    font-size: 20px;
    color: rgb(110, 110, 110)

}
.nav-item a{
    margin-right: 5px;
}
.nav-item i{
    position: absolute;
    right: 2px;
    top: 16px;
}


.w1200{
    width: 1200px;
    margin: 0 auto;
}